<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ page isELIgnored="false"%>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit" />
<title><sitemesh:write property='title' /></title>
<link href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/main.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/enter.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/jquery.validator.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/dashboard.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/dashboard.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/style.css" rel='stylesheet' type='text/css' media="all" />
<link href="${pageContext.request.contextPath}/static/plugins/sweetalert/sweetalert.css" rel="stylesheet">

<sitemesh:write property='head' />
</head>
<body  style="background-color: #e3fce8">  
	<script src="${pageContext.request.contextPath}/static/js/zh-CN.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/jquery.validator.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/jquery.pin.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/jquery.particleground.min.js"></script> 
	<script src="${pageContext.request.contextPath}/static/plugins/sweetalert/sweetalert.min.js"></script>
<div class="col-sm-3 col-md-2 sidebar">
		<div class="top-navigation">
			<div class="t-menu">MENU</div>
			<div class="clearfix"></div>
		</div>
		<div class="drop-navigation drop-navigation">
			<ul class="nav nav-sidebar">
				<li align="center"><h4 style="color: red;">${trad}</h4></li>
				<li align="center"><h4 style="color: red;">${clazz}</h4></li>
				<li class="active" align="center"><h5 style="color: red;">${user.name}</h5></li>
				<li align="center"><h5 style="color: red;">${user.stuId}</h5></li>
				<li id="ligrade"><a
					href="${pageContext.request.contextPath}/view.ztc"
					class="home-icon"><span class="glyphicon glyphicon-home"
						aria-hidden="true"></span>成绩</a></li>
				<li id="lipj"><a
					href="${pageContext.request.contextPath}/view/pj.ztc"
					class="user-icon"><span
						class="glyphicon glyphicon-home glyphicon-blackboard"
						aria-hidden="true"></span>一键评教</a></li>
				<li id="lipackage"><a
					href="${pageContext.request.contextPath}/package.ztc"
					class="home-icon"><span class="glyphicon glyphicon-home"
						aria-hidden="true"></span>快递来了</a></li>
				<li><a href="#" class="menu"><span
						class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>图书馆<span
						class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>
				<ul class="cl-effect-1">
					<li><a href="#">Football</a></li>
					<li><a href="#">Cricket</a></li>
					<li><a href="#">Tennis</a></li>
					<li><a href="#">Shattil</a></li>
				</ul>
				<!-- script-for-menu -->
				<script>
					$("li a.menu").click(function() {
						$("ul.cl-effect-1").slideToggle(300, function() {
							// Animation complete.
						});
					});
				</script>
			</ul>
			<!-- script-for-menu -->
			<script>
				$(".top-navigation").click(function() {
					$(".drop-navigation").slideToggle(300, function() {
						// Animation complete.
					});
				});
			</script>

			<div class="side-bottom">
				<div class="side-bottom-icons">
					<ul class="nav2" align="center">
						<li><a href="#" class="facebook"> </a></li>
						<li><a href="#" class="facebook twitter"> </a></li>
						<li><a href="#" class="facebook chrome"> </a></li>
						<li><a href="#" class="facebook dribbble"> </a></li>
						<li><a href="${pageContext.request.contextPath}/user/changeStyle"> 切换主题</a></li>
					</ul>
				</div>
				<div class="copyright">
					<p>南通大学27#224</p>
					<p>
						<B>（ZTC）</B>
					</p>
				</div>
			</div>
		</div>
	</div>
	<sitemesh:write property='body' />
	<script type="text/javascript">
	$(function(){
		document.getElementById('ztc2pj').className='col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2';
	});
	</script>
</body>
</html>
